<template>
  <div>
    <jxf-titletip :title="title"></jxf-titletip>
    <el-card class="jxf-table-card mt20">
      <div slot="header" class="clearfix">
        <span>综合统计</span>
        <div>
          <el-button type="primary">导出数据</el-button>
          <el-radio-group v-model="timeStamp">
            <el-radio-button label="all">全部</el-radio-button>
            <el-radio-button label="three">最近30天</el-radio-button>
            <el-radio-button label="nine">最近90天</el-radio-button>
          </el-radio-group>
        </div>
      </div>
    </el-card>
    <div class="jxf-content mt20">
      <el-card class="jxf-table-card mt10">
        <div slot="header" class="clearfix">
          <span>订单统计</span>
        </div>
        <div class="listArea">
          <jxf-datalist :info="dataInfo.orderInfo" :lineNum="2">
          </jxf-datalist>
        </div>
      </el-card>
    </div>
    <div class="jxf-content mt20">
      <el-card class="jxf-table-card mt10">
        <div slot="header" class="clearfix">
          <span>商户统计</span>
        </div>
        <div class="listArea">
          <jxf-datalist :info="dataInfo.merchantInfo">
          </jxf-datalist>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
    export default {
        name: "FinancialStatistics",
        data() {
          return {
            title: "财务统计",
            timeStamp: {
              type: String,
              default: "all",
            },
            dataInfo: {
              orderInfo: [],
              merchantInfo: []
            }
          }
        },
        methods: {
          getData() {
            this.dataInfo.orderInfo = [{
              label: "销售总额",
              value: "10000"
            }, {
              label: "提现总额",
              value: "10000"
            }, {
              label: "已支付订单数",
              value: "10000"
            }, {
              label: "结算中总额",
              value: "10000"
            }, {
              label: "已支付订单总额",
              value: "10000"
            }, {
              label: "供应商余额总额",
              value: "10000"
            }, {
              label: "无效订单总数(关闭或取消)",
              value: "10000"
            }, {
              label: "服务费收益总额",
              value: "10000"
            }, {
              label: "无效订单总额",
              value: "10000"
            }, {
              label: "提前转出收益总额",
              value: "10000"
            }, {
              label: "已收货未支付订单数",
              value: "10000"
            }, {
              label: "已收货未支付订单总额",
              value: "10000"
            }];
            this.dataInfo.merchantInfo = [{
              label: "供应商总数",
              value: "10000"
            }, {
              label: "活跃供应商数",
              value: "10000"
            }, {
              label: "采购商总数",
              value: "10000"
            }, {
              label: "活跃采购商数",
              value: "10000"
            }]
          }
        },
        created() {
          this.getData();
        }
    }
</script>

<style scoped>

</style>
